<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
<button id = "box" name = "box">Click Me!</button>
	<script type="text/javascript">
// 		var name = "window";

// var Bob = {
//     name: "Bob",
//     showName: function(){
//         alert(this.name);
//     }
// };

// var Tom = {
//     name: "Tom",
//     showName: function(){
//         var fun = function(){
//             alert(this.name)
//         };
//         fun();
//     }
// };

// Tom.showName();　　//window

// var name = "Bob";  
//   var nameObj ={  
//       name : "Tom",  
//       showName : function(){  
//         console.log(this)
//           alert(this.name);  
//       },  
//       waitShowName : function(){  

//           setTimeout(this.showName, 1000);  
//       }  
//  };  
 
//  nameObj.waitShowName();

//  var fun = new Function("alert(this)");
// fun();

// console.log(Function);
var name = "window";

    function showName(){
        alert(this.name);
    }

    //document.getElementById("box").addEventListener("click", showName);
    //
    
     document.getElementById("box").attachEvent("onclick", showName);
	</script>
</body>
</html>